<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
    </head>
    <body>
        
      <button id="btn">快点击</button>

    </body>
    <script>

      // btn.onclick = debounce(function () {
      //   console.log('抢购');
      // },2000)

      //fangdou
      // 参数一：要防抖的函数
      // 参数二：防抖的时间
      // function debounce(fn, delay) {
      //   var timer = null
      //   return function () {
      //     clearTimeout(timer)
      //     timer = setTimeout(fn, delay)
      //   }
      // }

      btn.onclick = throttle(function () {
        console.log('抢购',new Date().getSeconds() );
      },1000)
      
      //节流函数
      //参数一： 要节流的函数
      //参数二： 节流的间隔时间
      function throttle(fn,delay) {
        var flag = true  //true代表当前没有执行的回调

        return function () {
          if (!flag) {
            return
          }

          setTimeout(() => {
            fn()
            flag = true
          },delay)

          flag = false
        }
      }

    </script>
</html>